<template>
    
    <t-row>
     <t-col>
        <div class="table-content">
            
      <t-table
        row-key="id"
        :data="data"
        :columns="columns"
        :bordered="true"
        :hover="true"
        table-layout='fixed' 
        size="small"
        :show-header="true"
        cell-empty-content="-"
        lazy-load
      >
         <template #operation="{ row }">
                <slot name="view" :row="row"></slot>
          </template>
      </t-table>
    </div>
    </t-col>
    </t-row>

  </template>
<style scoped>
.t-table{
  font: var(--td-font-body-small);
}
</style>
  <script setup>

  const {data,columns} = defineProps(['data',"columns"])

  

 
  </script>
  